<!--vue快速生成代码-->
<template>
  <div>
      <el-button type="text" @click="toBack">返回</el-button>
      <el-tabs v-model="activeName" >
          <!-- lazy懒加载 -->
        <el-tab-pane :lazy='true' label="基本信息" name="info">
            <Info></Info>
        </el-tab-pane>
        <el-tab-pane :lazy='true' label="订单信息" name="order">
            <Order></Order>
        </el-tab-pane>
        <el-tab-pane :lazy='true' label="服务地址" name="address">
            <Address></Address>
        </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
//导入组件
import Info from './info.vue';
import Order from './order';
import Address from './address';
export default {
    components:{
        Info,
        Order,
        Address
    },
  data() {
    return {
        //激活的选项卡
        activeName:'info',
    };
  },
  computed: {},
  methods: {
      toBack(){
          this.$router.go(-1)
      },
  },
  created() {
      //获取动态路由参数
      console.log(this.$route.params.id);
  },
  mounted() {}
};
</script>
<style lang="less" scoped>
</style>